<template>
  <div class="app-container eutr-content">
    <div class="eutr-content-left">
      <leftTree :apiParms="apiParms"  :leftlabel="'河流'" :apiType="'segmentRiverTree'" :regionApiParms="apiParms" :isDefault="true"  @tree-check-change="handleTreeCheckChange"></leftTree>
    </div>
    <div class="eutr-content-right">
      <rightTable ref="rightTable" :checked-tree-nodes="checkedTreeNodes"></rightTable>
    </div>
  </div>
</template>

<script>
import leftTree from './components/leftTree.vue';
import rightTable from './components/rightTable.vue';
export default {
  components: {
    leftTree,
    rightTable
  },
  data() {
    return {
      apiParms: {
        segmentType: "IsManual",
        segmentTypeDrink: "filter"
      },
      
      checkedTreeNodes: [] // 存储选中的树节点
    }
  },
  methods: {
    // 处理树节点选中变化
    handleTreeCheckChange(nodes) {
      this.checkedTreeNodes = nodes;
    }
  }
};
</script>

<style lang="scss" scoped>
.eutr-content-left {
  width: 300px;
}

.eutr-content {
  display: flex;
  justify-content: space-around;
}

.eutr-content-right {
  width: calc(100% - 320px);
}
</style>
